<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>fff</title>
		<meta name="Keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺"/>
		<meta name="Description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！"/>
		<link rel="stylesheet" href="css/basic.css">
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="wrap">
			<header class="header">
				<nav>
					<ul class="nav_li clear_fix">
						<li class="logo"><a href="#">幻城</a></li>
						<li class="slide_btn"><a href="#">侧栏菜单</a></li>
						<li><a href="#">天页</a><span></span></li>
						<li><a href="#">地页</a><span></span></li>
						<li class="active"><a href="#">首页</a><span></span></li>
					</ul>
				</nav>
				<div class="banner">
					<div class="inner">
						<div class="line"></div>
						<h1>幻城</h1>
						<div class="line"></div>
						<p>E-mail：xxxx@163.com</p>
						<p>51自学网：幻城老师</p>
						<p>51自学网：幻城老师</p>
						<button>摸摸我</button>
						<div class="more">更多</div>
					</div>
				</div>
			</header>
			<div class="content">
				<section class="part_one">
					<div class="wraper">
						<h1>春花秋月何时了</h1>
						<div class="first_title">one by one</div>
						<div class="line"></div>
						<p>Ad.dgg.dgggggg i see my a pander ,i donet</p>
					</div>
					<div class="icon">
						<span class="item"><img src="img/程序.png" alt=""></span>
						<span class="item"><img src="img/钻石.svg" alt=""></span>
						<span class="item"><img src="img/链接.png" alt=""></span>
					</div>
				</section>
				<section class="part_two">
					<div class="first clear_fix">
						<div class="first_left">
							<img src="img/美女.jpg" alt="">
						</div>
						<div class="first_text">
							<h2>思念似一种美</h2>
							<div class="first_title">我却并无不是</div>
							<p>GDP(国内生产总值):指一个国家(或地区)所有常驻单位，在一定时期内，。</p>
						</div>
					</div>
					<div class="first clear_fix">
						<div class="first_text">
							<h2>思念似一种美</h2>
							<div class="first_title">我却并无不是</div>
							<p>GDP(国内生产总值):指一个国家(或地区)所有常驻单位，在一定时期内，。</p>
						</div>
						<div class="first_left text_right">
							<img src="img/网球.jpg" alt="">
						</div>
						
					</div>
					<div class="first clear_fix">
						<div class="first_left">
							<img src="img/美女2.jpg" alt="">
						</div>
						<div class="first_text">
							<h2>思念似一种美</h2>
							<div class="first_title">我却并无不是</div>
							<p>GDP(国内生产总值):指一个国家(或地区)所有常驻单位，在一定时期内，。</p>
						</div>
					</div>
				</section>
				<section class="part_three">
					<div class="three_wrap">
						<div class="tree_text">
							<h2>国内生产总值</h2>
							<div class="line"></div>
							<div>GDP(国内生产总值):指一个国家(或地区)所有常驻单位，在一定时期内，生产的全部最终产品和服务价值的总和，常被认为是衡量国家(或地区)经济状况的指标</div>
						</div>
						<div class="card_group clear_fix">
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
							<div class="card">
								<h2>believe future</h2>
								<p>2017年中国GDP总量为827122亿元，首次登上80万亿元的门槛；GDP同比增长6.9%，增速较2016年提高0.2个百分点。这是自2010年以来中国经济增长首次加速。</p>
							</div>
						</div>
					</div>
				</section>
			</div>
			<div class="footer">
				<ul class="share_group">
					<li>星期一</li>
					<li>星期二</li>
					<li>星期三</li>
					<li>星期四</li>
					<li>星期五</li>
				</ul>
				<div>@ 幻城2018-12</div>
			</div>
			<div class="mask"></div>
			<div class="slide">
				<ul>
					<li><a href="#">我是这种话</a></li>
					<li><a href="#">我是这种3</a></li>
					<li><a href="#">我是这种法</a></li>
					<li><a href="#">我是这种方可控</a></li>
				</ul>
			</div>
			<div class="top">
				<a href="#"><img src="img/向上箭头.svg" alt=""></a>
				<p>Top</p>
			</div>
		</div>
				
	</body>
</html>


